@import "./_base.styl"
a
  text-decoration none

img
  width 100%
  display block

.hjld-header
  position fixed
  top 0
  left 0
  width 100%
  background-color $color-background
  z-index 999
  .header-area
    display flex
    height 45px
    line-height 45px
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5)
    .item
      position relative
      flex 1
      text-align center
      font-size $font-size-medium
      color $color-text
      &:after
        setBottomLine($color-text-h)
        border-bottom-width 2px
        visibility hidden
        left 20%
        right 20%
      a
        color $color-text

      &.active
        color $color-text-h
        a
          color $color-text-h
        &:after
          visibility visible

.hjld-main-area
  padding 45px 0 52px

.hjld-container
  max-width 640px
  padding 12px
  box-sizing border-box

.hjld-footer
  position fixed
  bottom 0
  left 0
  width 100%
  background-color $color-background-b
  z-index 999
  .hjld-footer--area
    display flex
    height 52px
    padding 0 12px
    .item
      flex 1
      text-align center
      display flex
      flex-direction column
      justify-content center
      align-items center
      .item-mn
        display flex
        flex-direction column
        align-items center
      .icon
        width 22px
        img
          width 100%
        &.highlight
          display none
      .txt
        color $color-text-b
        font-size $font-size-small
        margin-top 2px
      &.active
        .icon
          display none
          &.highlight
            display block
        .txt
          color $color-text-h

.split
  height 10px
  background-color $color-background
  font-size 0
  line-height 0
  &.split-h
    height 14px

